草庐IT

Bootstrap4 表单

全部标签

javascript - jQuery Mobile - 动态创建表单元素

我正在创建一个针对iOS设备的网络数据库驱动的离线网络应用程序。我正在尝试使用jQueryMobile,但在创建各种表单时遇到了问题。表单选项取自数据库查询,因此它们会在页面加载后插入到页面中,因此“jQuery-Mobilification”不会发生。快速浏览一下源代码,在这个阶段似乎没有任何明显的方法可以调用它(当然这是一个alpha版本,我认为这将是一个相当普遍的请求,所以我希望它将会来)。我可以使用某种解决方法来做到这一点吗?我对单选按钮、复选框和选择列表特别感兴趣。 最佳答案 更新Beta2有一个create事件。当bet

Javascript 表单生成器

有人知道基于模型自动生成表单的javascript库吗?即,给定一个类似这样的模型:{name:"someone",email:"someone@somwhere.com",}你会得到一个像这样的表格:Name:___________Email:__________马特 最佳答案 如果您希望使用jQuery生成动态表单,那么我建议您查看Alpaca.Alpaca是一个开源表单库(在Apache2下获得许可)。它使用JavaScript基于JSONSchema生成表单,非常灵活,因此您可以注册新的控件类型、布局、约束和验证函数。我认为

javascript - 如何在 AngularJS 中手动触发表单的提交?

我有一个想要嵌套的表单,但这是不可能的,因为HTML不能接受嵌套表单。有没有一种方法可以在AngularJS的第一个表单上手动调用提交(触发验证,例如需要)?代码如下:Description...顺便说一句,如果有帮助的话,两种形式都在一个Controller下 最佳答案 尝试创建一个捕获事件的指令:varapp=angular.module('myApp',[]);functionMyCtrl($scope){$scope.triggerSubmit=function(){$scope.$broadcast('myEvent');

javascript - JQuery.Validate 插件可以阻止提交 Ajax 表单吗

我正在使用JQuery表单插件(http://malsup.com/jquery/form/)来处理表单的ajax提交。我还插入了JQuery.Validate(http://docs.jquery.com/Plugins/Validation)以进行客户端验证。我看到的是验证在我预期的时候失败了,但是它并没有阻止表单提交。当我使用传统表单(即非ajax)时,验证失败完全阻止了表单提交....这是我想要的行为。我知道验证已正确连接,因为在ajax提交发生后验证消息仍然出现。那么我缺少的是阻止我想要的行为吗?下面的示例代码....varoptions={target:'#detailsV

javascript - Angular UI.Bootstrap 单选按钮与 ng-repeat 的行为很奇怪

这个问题在这里已经有了答案:Settingandgettingbootstrapradiobuttoninsideangularrepeatloop(1个回答)关闭9年前。我在Angular的ui.bootstrap中为radio模型动态生成选项时遇到问题。我想我可以简单地ng-repeat一个数组,使用它的btn-radio属性的内容,如下所示://inthecontroller$scope.radioModel=undefined;$scope.radioModelButtons=["a","b","c"];//inthehtml{{value}}我使用的是angular1.1.4

javascript - 带有文件上传的 AngularJs Ajax POST 表单

我正在尝试设置一个表单,以使用ajax请求提交给已经使用Ajax构建的api。由于某种原因,文件只是不想传输到系统,尽管已经构建了一个后端来处理这个问题,并且它工作正常。根据我在此处找到的教程,我的服务看起来像这样:http://badwing.com/multipart-form-data-ajax-uploads-with-angularjs/addActivity:function(url){return$http({method:'POST',url:REQUEST_URL+'Volunteering/AddActivity?token='+token+url,headers:

javascript - 你如何将 headroom.js 与 Bootstrap 3 导航栏一起使用?

我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/我想在使用Bootstrap3的Web应用程序中使用它。它似乎不起作用。有什么建议或例子我应该做什么?我目前在导航栏上使用navbar-fixed-top。我尝试过使用和不使用它,但它仍然无法正常工作。我可以看到应用于页眉的headroom.js类,但对UI元素没有影响。已解决你需要添加这个样式。.headroom{position:fixed;top:0;left:0;right:0;transition:all.2sease-in-out;}.headroom--unpinn

javascript - 在 bootstrap-datepicker 中将日期设置为最初为空

我正在使用bootstrap-datepicker在我的网站上。日期选择器将用于定义搜索过滤器。我需要datepicker输入元素的初始值为空,所以不会引入搜索结果的日期过滤器。当用户点击链接到日期选择器的文本输入时,日期选择器弹出框应该选择下个月的第一天。问题:如果我要设置初始日期(如下所示),文本输入将填充今天的日期,这不是我想要的。但是,如果我不设置初始日期,日期选择器将显示1970年代。我该怎么办?类似于:jQueryUIDatepicker的演示JS代码varnow=newDate();varnextMonth=newDate();nextMonth.setDate(1);n

javascript - Bootstrap 3 Popover : display on hover AND on click, 又名。固定弹出框

使用悬停触发器可以正常显示弹出窗口。通过click触发器显示弹出窗口效果很好。现在,当鼠标悬停在触发图像上时,如何让弹出框出现,但如果用户单击图像,取消悬停并启动点击切换?换句话说,悬停显示弹出窗口并单击“固定”弹出窗口。HTML非常标准:User还有popover初始化,更无聊:$(function(){$("[rel=popover]").popover();});据我目前所见,解决方案似乎是一组很好的复杂的popover('show')、popover('hide')和popover('toggle')调用,但我的javascript/jQuery-foo不能胜任这项任务。编辑:

javascript - 单击外部时如何关闭 Angular-bootstrap 弹出窗口

这个问题在这里已经有了答案:HideAngularUIBootstrappopoverwhenclickingoutsideofit(12个答案)关闭7年前。我试图在点击弹出窗口外的任何地方时关闭我的Angular-bootstrappopover。根据对这个问题的回答,现在可以通过使用新的popover-is-open属性来完成(在版本0.13.4中):HideAngularUIBootstrappopoverwhenclickingoutsideofit目前我的HTML看起来像这样:...和我相关的Controller代码:vm.togglePopover=false;vm.ope